<!DOCTYPE html>
<html lang="en" class="no-js">
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>
  <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="generator" content="Hugo 0.55.6" />

<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">

<link rel="alternate" type="application/rss&#43;xml" href="/v0.5/index.xml">

<link rel="shortcut icon" href="/v0.5/assets/favicons/favicon.ico" >
<link rel="apple-touch-icon" href="/v0.5/assets/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="36x36">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="48x48">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="72x72">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="96x196">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="144x144">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-192x192.png"sizes="192x192">

<title>Compatibility Matrix | Meshery</title>
<meta property="og:title" content="Compatibility Matrix" />
<meta property="og:description" content="a complete compatibility matrix and project test status dashboard." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:4000" />
<meta property="og:site_name" content="http://localhost:4000" />

<meta itemprop="name" content="Compatibility Matrix">
<meta itemprop="description" content="a complete compatibility matrix and project test status dashboard.">

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Compatibility Matrix"/>
<meta name="twitter:description" content="a complete compatibility matrix and project test status dashboard."/>

<link rel="stylesheet" href="/v0.5/assets/css/main.css">
<link rel="stylesheet" href="/v0.5/assets/css/palette.css">
<link rel="stylesheet" href="/v0.5/assets/css/anchorjs.css">
<link rel="stylesheet" href="/v0.5/assets/css/sass.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">

<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
  <!-- Anchorjs included for adding hover anchor links to headings -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.2/anchor.min.js"></script>
  <script>  
  $(function() {
  /** AnchorJS options and selector */  
   anchors.options = {
      visible : 'hover',
      placement: 'left'
   };
   anchors.add('h1, h2, h3, h4, h5');
   });
   </script>
</head>
<style>

</style>
  <body class="td-section">
    <header>
  <nav class="js-navbar-scroll navbar navbar-expand navbar-dark flex-column flex-md-row td-navbar">
    <a class="navbar-brand" href="/v0.5/">
      <div class="navbar-logo">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 279.49 51.83"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}.cls-3{fill:#fff}</style></defs><title>Asset 14</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon points="26.68 12.21 26.68 24.59 37.4 18.38 26.68 12.21" class="cls-1"/><polygon points="26.68 27.18 26.68 39.62 37.5 33.43 26.68 27.18" class="cls-1"/><polygon points="25.13 24.51 25.13 12.32 14.54 18.39 25.13 24.51" class="cls-2"/><path d="M3.88,39.58a26,26,0,0,0,8.22,8.27v-13Z" class="cls-2"/><polygon points="25.13 39.56 25.13 27.27 14.51 33.42 25.13 39.56" class="cls-2"/><polygon points="13.64 47.07 24.4 40.92 13.64 34.7 13.64 47.07" class="cls-1"/><polygon points="38.24 47.14 38.24 34.79 27.5 40.93 38.24 47.14" class="cls-2"/><path d="M48.76,38.14A25.71,25.71,0,0,0,51.8,27L40.6,33.44Z" class="cls-2"/><polygon points="39.78 32.13 50.58 25.95 39.78 19.75 39.78 32.13" class="cls-1"/><polygon points="38.24 17.08 38.24 4.81 27.55 10.94 38.24 17.08" class="cls-2"/><polygon points="38.24 32.07 38.24 19.68 27.52 25.89 38.24 32.07" class="cls-2"/><polygon points="25.9 51.83 25.91 51.83 25.9 51.83 25.9 51.83" class="cls-2"/><polygon points="13.64 19.66 13.64 32.14 24.43 25.89 13.64 19.66" class="cls-1"/><path d="M25.13,0A25.75,25.75,0,0,0,13.75,3L25.13,9.55Z" class="cls-2"/><polygon points="13.64 4.72 13.64 17.13 24.44 10.93 13.64 4.72" class="cls-1"/><path d="M12.1,4a26,26,0,0,0-8.22,8.27L12.1,17Z" class="cls-2"/><path d="M38.17,3.07A25.8,25.8,0,0,0,26.68,0V9.65Z" class="cls-1"/><path d="M0,26.82A25.76,25.76,0,0,0,3.1,38.24l8.32-4.82Z" class="cls-1"/><path d="M3.1,13.58A25.67,25.67,0,0,0,0,24.94l11.44-6.55Z" class="cls-1"/><path d="M13.73,48.8a25.81,25.81,0,0,0,11.4,3V42.28Z" class="cls-2"/><path d="M48,12.28A25.91,25.91,0,0,0,39.78,4V17Z" class="cls-1"/><path d="M39.78,47.8A26,26,0,0,0,48,39.48l-8.21-4.73Z" class="cls-1"/><path d="M51.8,24.88a25.84,25.84,0,0,0-3.07-11.27l-8.24,4.77Z" class="cls-2"/><path d="M26.68,51.82a25.81,25.81,0,0,0,11.37-3L26.68,42.24Z" class="cls-1"/><polygon points="12.1 32.03 12.1 19.79 1.47 25.88 12.1 32.03" class="cls-2"/><polygon points="197.13 19 197.13 20.13 197.13 25.45 197.13 31.94 197.13 41.41 222.35 41.41 222.35 36.09 202.45 36.09 202.45 31.94 202.45 30.77 217.74 30.77 217.74 25.45 202.45 25.45 202.45 20.13 222.35 20.13 222.35 14.81 197.13 14.81 197.13 19" class="cls-3"/><polygon points="100.14 19 100.14 20.13 100.14 25.45 100.14 31.94 100.14 41.41 125.35 41.41 125.35 36.09 105.46 36.09 105.46 31.94 105.46 30.77 120.74 30.77 120.74 25.45 105.46 25.45 105.46 20.13 125.35 20.13 125.35 14.81 100.14 14.81 100.14 19" class="cls-3"/><path d="M160.26,34.46a6.61,6.61,0,0,1-.55,2.69,7,7,0,0,1-1.51,2.22A7.34,7.34,0,0,1,156,40.86a6.7,6.7,0,0,1-2.71.55H128.38v-5.6h24.89a1.35,1.35,0,0,0,1.35-1.35V32.29A1.33,1.33,0,0,0,153.27,31H135.36a6.78,6.78,0,0,1-2.69-.55,7.19,7.19,0,0,1-2.24-1.51,7,7,0,0,1-1.5-2.23,6.62,6.62,0,0,1-.55-2.7V21.8a6.75,6.75,0,0,1,.55-2.72,7,7,0,0,1,1.5-2.21,7.19,7.19,0,0,1,2.24-1.51,6.61,6.61,0,0,1,2.69-.55h24.9v5.64h-24.9a1.27,1.27,0,0,0-1,.39,1.31,1.31,0,0,0-.4,1V24a1.31,1.31,0,0,0,.4,1,1.27,1.27,0,0,0,1,.39h17.91a6.7,6.7,0,0,1,2.71.55,7.11,7.11,0,0,1,3.73,3.72,6.74,6.74,0,0,1,.55,2.71Z" class="cls-3"/><path d="M193.81,41.41h-5.07V31H169V41.41h-5.08V25.31h24.86V14.81h5.07ZM169,22.81h-5.08v-8H169Z" class="cls-3"/><polygon points="266.19 24.12 259.55 14.81 252.9 14.81 263.54 30.77 263.54 41.41 268.86 41.41 268.86 30.77 279.49 14.81 272.93 14.81 266.19 24.12" class="cls-3"/><path d="M231.4,19.88H245v5.53h-11v5.08h2.52l9.65,10.92h6.57l-9.65-10.92h3.76A4.13,4.13,0,0,0,251,26.36V18.94a4.13,4.13,0,0,0-4.13-4.13H226.19v26.6h5.32Z" class="cls-3"/><path d="M96.05,41.41H90.41V22a1.38,1.38,0,0,0-.13-.6,1.56,1.56,0,0,0-.33-.5,1.77,1.77,0,0,0-.5-.34,1.53,1.53,0,0,0-.6-.12H62.78V14.81H88.85a6.88,6.88,0,0,1,2.78.57,7.08,7.08,0,0,1,3.85,3.85A6.88,6.88,0,0,1,96.05,22Zm-27.63,0H62.78v-21l5.64-1.55Zm13.8,0H76.58v-18h5.64Z" class="cls-3"/></g></g></svg><span class="font-weight-bold" style="vertical-align: bottom"
          >Documentation</span
        >
      </div>
    </a>
    <div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
      <ul class="navbar-nav mt-2 mt-lg-0">
        <!-- 
			<li class="nav-item mr-4 mb-2 mb-lg-0">
        <a class="nav-link" href="https://github.com/meshery/meshery" target="_blank"><span>GitHub</span></a>
      </li>  -->

        <!-- Internal links -->
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="/v0.5/installation/quick-start"
                ><span>Quick Start</span></a
              >
            </li>
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="https://meshery.io"
                ><span>Site</span></a
              >
            </li>
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="https://discuss.layer5.io"
                ><span>Discuss</span></a
              >
            </li>
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="https://github.com/meshery/meshery"
                ><span>GitHub</span></a
              >
            </li>
        

        <!--Version Selector -->

        <select onchange="window.location=this.value" class="appearance-none flex-1 w-full px-0 py-1 placeholder-gray-900 tracking-wide focus:outline-none version-selector" name="versioningSelection" id="versioningSelection">
          <!-- <option value="">Versions</option> -->
          

          <!-- we get the version selected, and put it to the right option  --><option  value="/v0.5" class="nav-item mr-4 mb-2 mb-lg-0 text-black">
            <span>v0.5</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option  value="/" class="nav-item mr-4 mb-2 mb-lg-0 text-black">
            <span>latest</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option  value="/v0.4" class="nav-item mr-4 mb-2 mb-lg-0 text-black">
            <span>v0.4</span>
          </option>
          
          </select>
    
        </ul>
    </div>

    <!--Search Bar
    <div class="navbar-nav d-none d-lg-block"><input type="search" class="form-control td-search-input" placeholder="&#xf002 Search this site…" aria-label="Search this site…" autocomplete="off"></div>-->

    <!-- meshery-custom-begin

	<div class="navbar-nav d-none d-lg-block">
          <a class="gh-source" data-gh-source="github" href="https://github.com/meshery/meshery" title="Go to repository" data-md-state="done">
          <div class="gh-source__repository">
            <i class="fab fa fa-github fa-2x" style='padding-right:20px; float:left; margin-top:5px'></i>
            meshery/meshery
          <ul class="gh-source__facts"><li class="gh-source__fact" id='stars'></li><li id="forks" class="gh-source__fact"></li></ul></div></a>
        </div>
      </div>

meshery-custom-end -->
  </nav>
</header>

<!-- meshery-custom-begin

<script>
$(document).ready(function() {
  var url = "https://api.github.com/search/repositories?q=meshery/meshery";
  fetch(url, { 
      headers: {"Accept":"application/vnd.github.preview"}
  }).then(function(e) {
    return e.json()
  }).then(function(r) {
     console.log(r.items[0])
     stars = r.items[0]['stargazers_count']
     forks = r.items[0]['forks_count']
     $('#stars').text(stars + " Stars")
     $('#forks').text(forks + " Forks")
  });
});
</script>

meshery-custom-end -->

    <div class="container-fluid td-outer">
      <div class="td-main">
        <div class="row flex-xl-nowrap">
          <div class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none">
          <div id="td-sidebar-menu" class="td-sidebar__inner">  
    <form class="td-sidebar__search d-flex align-items-center">
   <input type="search" class="form-control td-search-input fas fa-search" placeholder="&#xf002" aria-label="Search this site…" autocomplete="off">
      <button class="btn btn-link td-sidebar__toggle d-md-none p-0 ml-3 fas fa-bars" type="button" data-toggle="collapse" data-target="#td-section-nav" aria-controls="td-docs-nav" aria-expanded="false" aria-label="Toggle section navigation">
      </button>
    </form>  

    <nav class="collapse td-sidebar-nav pt-1 pl-3" id="td-section-nav">
      
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/installation/quick-start" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🚀 Quick Start</a>
      </li>
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/project" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🗺 Overview</a>
      </li>
      
        <ul>
          <li class="collapse show" id="overview">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/community" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Community</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/contributing" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Contributing ↆ</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/releases" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Releases</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/build-and-release" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Build & Release (CI)</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/security-vulnerabilities" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Vulnerabilities</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/faq" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">FAQ</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/installation/platforms" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Supported Platforms ↆ</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/concepts" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🧠 Concepts</a>
      </li>
      
        <ul>
          <li class="collapse show" id="concepts">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/concepts/architecture" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Architecture</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/concepts/architecture/adapters" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Adapters</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/functionality" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">⚙️ Functionality</a>
      </li>
      
        <ul>
          <li class="collapse show" id="functionality">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/application-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Application Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/lifecycle-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Lifecycle Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/pattern-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Pattern Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/performance-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Performance Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/service-mesh-interface" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Service Mesh Interface (SMI) Conformance</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/service-meshes" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🦾 Service Meshes</a>
      </li>
      
        <ul>
          <li class="collapse show" id="service-meshes">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/app-mesh" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">App Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/cpx" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Citrix Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/cilium" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Cilium Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/consul" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Consul</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/istio" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Istio</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/kuma" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Kuma</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/linkerd" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Linkerd</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/nsm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Network Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/nginx-sm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">NGINX Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/osm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Open Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/tanzu-sm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Tanzu</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/traefik-mesh" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Traefik Mesh</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/guides" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">📚 Guides</a>
      </li>
      
        <ul>
          <li class="collapse show" id="guides">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/sample-apps" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Deploying Sample Applications</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/smi-conformance" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Running SMI Conformance Tests</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/meshery-metrics" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Integrating Prometheus and Grafana</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/troubleshooting" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Troubleshooting Guide</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/upgrade" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Upgrading Meshery</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/mesheryctl" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Using mesheryctl ↆ</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/multiple-adapters" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Using Multiple Meshery Adapters</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/extensibility" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🛠 Extensibility</a>
      </li>
      
        <ul>
          <li class="collapse show" id="extensibility">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/adapters" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Adapters</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/load-generators" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Load Generators</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/providers" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Providers</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/api" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">REST & GraphQL APIs</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/ui" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">UI Plugins</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/reference" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">📖 Reference</a>
      </li>
      
        <ul>
          <li class="collapse show" id="reference">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/mesheryctl" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Meshery CLI</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/error-codes" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Error Codes</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/graphql-apis" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">GraphQL API Reference</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/rest-apis" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">REST API Reference</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    </nav>
  </div>
          </div>
          <div class="d-none d-xl-block col-xl-2 td-toc d-print-none">
              <div class="td-page-meta ml-2 pb-1 pt-2 mb-0">
                  <strong>Tools</strong>
<a href="https://github.com/meshery/meshery/issues/new?assignees=&labels=area%2Fdocs%2C+framework%2Fjekyll&template=documentation.md&title=%5BDocs%5D" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i> Create doc issue</a>
<a href="https://github.com/meshery/meshery/blob/master/docs/pages/project/compatibility_matrix/compatibility.md" rel="noopener" target="_blank"><i class="fa fa-edit fa-fw"></i> Edit this page</a>
<strong>Contents</strong>


<!-- this will parse through the header fields and add a button to open
     an issue / ask a question on Github. The editable field should be in
     the post frontend matter, and refer to the label to open the issue for -->
     

              </div>
              <nav id="TableOfContents"><ul>
              <li><ul id="TOC">
                <!-- Links will be appended here-->
              </ul></li>
              </ul></nav>
          </div>
          <main class="col-12 col-md-9 col-xl-8 pl-md-5" role="main">
            <nav aria-label="breadcrumb" class="d-none d-md-block d-print-none">
	      <ol class="breadcrumb spb-1">
                <li class="breadcrumb-item active" aria-current="page">
      <!-- meshery-custom-begin -->
        <div id="breadcrumbs">

<a href="/v0.5/">home</a>

  
    / <a href="/v0.5/project/">project</a> 
  

  
    / compatibility matrix
  

</div>

<!-- <a href="http://idratherbewriting.com" class="noCrossRef productSubtitle"> Home </a> > <a class="noCrossRef productSubtitle" href="http://localhost:4000">Learn API Doc</a> > compatibility -->

	      <!-- <a href="/v0.5/project/compatibility-matrix">Compatibility Matrix</a> -->
		  <!-- meshery-custom-end -->
                </li>
	      </ol>
           </nav>
           <div class="td-content">
            
	           <script type="text/javascript">
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.visibility == 'visible') {
          e.style.display = 'none';
          e.style.visibility = 'hidden';
      }
       else {
         
          e.style.display = 'table-row';
          e.style.visibility = 'visible';
          }
    }
    function handleEdgeCheckboxChange(){
        let e = document.getElementsByClassName("edge")
        let stable = document.getElementsByClassName("stable")
        let stable_box = document.getElementById("checkbox_stable")
        for(let i = 0; i <e.length;i++){
            console.log(e[i].classList)
            if(e[i].classList.contains("edge_visible") ){
                e[i].classList.remove("edge_visible")
                if(!stable_box.checked){
                    stable_box.checked=true;
                    handleStableCheckboxChange();
                }
        }
        else{
                e[i].classList.add("edge_visible")
        }
        }
    }
    function handleStableCheckboxChange(){
        let e = document.getElementsByClassName("stable")
        let edge_box = document.getElementById("checkbox_edge")
        for(let i = 0; i <e.length;i++){
            console.log(typeof(e[i].classList["1"]))
            if(e[i].classList.contains("stable_visible")){
                e[i].classList.remove("stable_visible")
                if(!edge_box.checked){
                    edge_box.checked=true;
                    handleEdgeCheckboxChange();
                }
        }
        else{
          console.log("stable")
                e[i].classList.add("stable_visible")
        }
        }
    }

    
</script>

<style>
  td:hover, tr:hover {
    background-color: #ccfff9;
    cursor:pointer;
  }
  .edge_visible{
    display: table-row !important;
    visibility: visible !important;
  }
  .stable_visible{
    display: table-row !important;
    visibility: visible !important;
  }
  .checkbox{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: left;
  }
  td.details {
    background-color: #fafafa;
    cursor:text;
  }
  .edge_test_text{
    margin-right: 20px;
  }
  .yellowCheckbox{
    width:1.5rem
  }
  .tooltipss{
    position:relative;
    width:fit-content;
    cursor:pointer;
  }
  .tooltipss .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltipss .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltipss:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
</style>

<div>
 </div>

<h1 id="compatibility-matrix">Compatibility Matrix</h1>

<p>Compatibility of Meshery with other integrated systems.</p>

<table>
  <th>Kubernetes Version</th>
  <th><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/istio.svg" /><a href="https://github.com/meshery/meshery-istio">meshery-istio</a></th>
  <th><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/linkerd.svg" /><a href="https://github.com/meshery/meshery-linkerd">meshery-linkerd</a></th>
  <th><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/kuma.svg" /><a href="https://github.com/meshery/meshery-kuma">meshery-kuma</a></th>
  <th><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/osm.svg" /><a href="https://github.com/meshery/meshery-osm">meshery-osm</a></th>
  <th><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/nginx-sm.svg" /><a href="https://github.com/meshery/meshery-nginx-sm">meshery-nginx-sm</a></th>
  <th><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/traefik-mesh.svg" /><a href="https://github.com/meshery/meshery-traefik-mesh">meshery-traefik-mesh</a></th>
  <th><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/cilium.svg" /><a href="https://github.com/meshery/meshery-cilium">meshery-cilium</a></th>



<tr class="first-row">







<td>v1.20.1</td>



<td onclick="clickIcon(`meshery-istio`)" class="compatibility">95.52
</td>

<td onclick="clickIcon(`meshery-linkerd`)" class="compatibility">30.56</td>

<td onclick="clickIcon(`meshery-kuma`)" class="compatibility">93.88</td>

<td onclick="clickIcon(`meshery-osm`)" class="compatibility">96.97%</td>

<td onclick="clickIcon(`meshery-nginx-sm`)" class="compatibility">100.0% </td>

<td onclick="clickIcon(`meshery-traefik-mesh`)" class="compatibility">100.0%</td>

<td onclick="clickIcon(`meshery-cilium`)" class="compatibility">50.0%</td>
</tr>


<tr class="first-row">







<td>v1.21.5</td>



<td onclick="clickIcon(`meshery-istio`)" class="compatibility">72.41
</td>

<td onclick="clickIcon(`meshery-linkerd`)" class="compatibility">100.0</td>

<td onclick="clickIcon(`meshery-kuma`)" class="compatibility">100.0</td>

<td onclick="clickIcon(`meshery-osm`)" class="compatibility">60.0%</td>

<td onclick="clickIcon(`meshery-nginx-sm`)" class="compatibility">66.67% </td>

<td onclick="clickIcon(`meshery-traefik-mesh`)" class="compatibility">71.43%</td>

<td onclick="clickIcon(`meshery-cilium`)" class="compatibility">33.33%</td>
</tr>


<tr class="first-row">







<td>v1.20.11</td>



<td onclick="clickIcon(`meshery-istio`)" class="compatibility">85.29
</td>

<td onclick="clickIcon(`meshery-linkerd`)" class="compatibility">100.0</td>

<td onclick="clickIcon(`meshery-kuma`)" class="compatibility">100.0</td>

<td onclick="clickIcon(`meshery-osm`)" class="compatibility">20.0%</td>

<td onclick="clickIcon(`meshery-nginx-sm`)" class="compatibility">100.0% </td>

<td onclick="clickIcon(`meshery-traefik-mesh`)" class="compatibility">88.89%</td>

<td onclick="clickIcon(`meshery-cilium`)" class="compatibility">100.0%</td>
</tr>


<tr class="first-row">







<td>v1.22.2</td>



<td onclick="clickIcon(`meshery-istio`)" class="compatibility">82.93
</td>

<td onclick="clickIcon(`meshery-linkerd`)" class="compatibility">100.0</td>

<td onclick="clickIcon(`meshery-kuma`)" class="compatibility">100.0</td>

<td onclick="clickIcon(`meshery-osm`)" class="compatibility">28.57%</td>

<td onclick="clickIcon(`meshery-nginx-sm`)" class="compatibility">100.0% </td>

<td onclick="clickIcon(`meshery-traefik-mesh`)" class="compatibility">85.71%</td>

<td onclick="clickIcon(`meshery-cilium`)" class="compatibility">0.0%</td>
</tr>


<tr class="first-row">







<td>v1.23.9</td>



<td onclick="clickIcon(`meshery-istio`)" class="compatibility">33.33
</td>

<td onclick="clickIcon(`meshery-linkerd`)" class="compatibility">0.0</td>

<td onclick="clickIcon(`meshery-kuma`)" class="compatibility">100.0</td>

<td onclick="clickIcon(`meshery-osm`)" class="compatibility">0.0%</td>

<td onclick="clickIcon(`meshery-nginx-sm`)" class="compatibility">0.0% </td>

<td onclick="clickIcon(`meshery-traefik-mesh`)" class="compatibility">0.0%</td>

<td onclick="clickIcon(`meshery-cilium`)" class="compatibility">0.0%</td>
</tr>


<tr class="first-row">







<td>v1.21.0</td>



<td onclick="clickIcon(`meshery-istio`)" class="compatibility">0.0
</td>

<td onclick="clickIcon(`meshery-linkerd`)" class="compatibility">0.0</td>

<td onclick="clickIcon(`meshery-kuma`)" class="compatibility">0.0</td>

<td onclick="clickIcon(`meshery-osm`)" class="compatibility">0.0%</td>

<td onclick="clickIcon(`meshery-nginx-sm`)" class="compatibility">0.0% </td>

<td onclick="clickIcon(`meshery-traefik-mesh`)" class="compatibility">0.0%</td>

<td onclick="clickIcon(`meshery-cilium`)" class="compatibility">0.0%</td>
</tr>


</table>

<script>
  function showCompatability () {
      let percentContainer = document.querySelectorAll(".compatibility")
      console.log(percentContainer);
      for(let i = 0 ; i<percentContainer.length;i++){
        console.log(parseFloat(percentContainer[i].innerHTML));
        let percentage = parseFloat(percentContainer[i].innerHTML);
        if (percentage >= 90.00){
          percentContainer[i].innerHTML = `
            <div class = "tooltipss">
              <img src = "/v0.5/assets/img/passing.svg" class = "yellowCheckbox" >
              <span class = "tooltiptext">${percentage}%</span>
            </div>
          `
        }
        else if(percentage >=1 && percentage<=89.99){
          percentContainer[i].innerHTML = `<div class = "tooltipss">
              <img src = "/v0.5/assets/img/YellowCheck.svg" class = "yellowCheckbox" >
              <span class = "tooltiptext">${percentage}%</span>
            </div>`
        }
        else{
           percentContainer[i].innerHTML = `<div class = "tooltipss">
              <img src = "/v0.5/assets/img/failing.svg" class = "yellowCheckbox" >
              <span class = "tooltiptext">${percentage}%</span>
            </div>`
        }
      }
    }
  function clickIcon(serviceMesh){
    console.log("clicked",serviceMesh);
    location.href = `/v0.5/project/compatibility-matrix/${serviceMesh}-past-results`
  }

showCompatability()
</script>

<h2 id="integration-tests">Integration Tests</h2>

<p>As a key aspect of Meshery, its integrations with other systems are routinely tested. Unit, integration testing occurs before and after every pull request (before code is to be merged into the project and after code is merged into the project). Regression tests are run nightly.</p>

<div class="checkbox">
    <div>
    <input onchange="handleEdgeCheckboxChange();" type="checkbox" id="checkbox_edge" value="Edge Tests" checked="" />
    <label for="checkbox_edge" class="edge_test_text">Edge Channel</label>
    </div>
    <div>
    <input onchange="handleStableCheckboxChange();" type="checkbox" id="checkbox_stable" value="Stable Tests" checked="" />
    <label for="checkbox_stable">Stable Channel</label>
    </div>
</div>

<table>
  <th>Status</th>
  <th>Meshery Component</th>
  <th>Meshery Component Version</th>
  <th>Meshery Server Version</th>
  <th style="whitespace:no-wrap;">Service Mesh</th>
  <th>Service Mesh Version</th>

    
      
      
        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details edge edge_visible" onclick="toggle_visibility('meshery-istio');">
            <td style="background-color: #B32700; color: white;">2022-08-19 01:59:05 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-istio">meshery-istio</a></td>
            
              <td><a href="https://github.com/meshery/meshery-istio/releases">edge</a></td>
            
            
              <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6fd">v0.6.0-rc.6fd</a></td>
            
            <td style="white-space: nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/istio.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/istio">istio</a></td>
            <td>1.14.3</td>
          </tr>
          <tr id="meshery-istio" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.22.2</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/istiod</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/details</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/productpage</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/ratings</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/reviews-v1</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/reviews-v2</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/reviews-v3</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-istio-past-results">To see past results click here </a>
            </td>
          </tr>

        <!-- if the latest test is stable as we require edge test to show too and since sorted through timestamp second element will always be an edge tests. -->

        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details edge edge_visible" onclick="toggle_visibility('meshery-kuma');">
            <td style="background-color: #56B257; color: white;">2022-08-22 17:52:19 UTC Mon</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-Kuma">meshery-kuma</a></td>
            
              <td><a href="https://github.com/meshery/meshery-Kuma/releases">edge</a></td>
            
            
              <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6fd">v0.6.0-rc.6fd</a></td>
            
            <td style="white-space: nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/kuma.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/Kuma">Kuma</a></td>
            <td>1.7.1</td>
          </tr>
          <tr id="meshery-kuma" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.23.9</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/kuma-control-plane</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-kuma-past-results">To see past results click here </a>
            </td>
          </tr>

        <!-- if the latest test is stable as we require edge test to show too and since sorted through timestamp second element will always be an edge tests. -->

        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details edge edge_visible" onclick="toggle_visibility('meshery-linkerd');">
            <td style="background-color: #B32700; color: white;">Wed Feb 23 15:10:55 UTC 2022</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-Linkerd">meshery-linkerd</a></td>
            
              <td><a href="https://github.com/meshery/meshery-Linkerd/releases">edge</a></td>
            
            
              <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc-5a">v0.6.0-rc-5a</a></td>
            
            <td style="white-space: nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/linkerd.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/Linkerd">Linkerd</a></td>
            <td>stable-2.11.1</td>
          </tr>
          <tr id="meshery-linkerd" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.20.1</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>linkerd-destination</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>linkerd-identity</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>linkerd-proxy-injector</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-linkerd-past-results">To see past results click here </a>
            </td>
          </tr>

        <!-- if the latest test is stable as we require edge test to show too and since sorted through timestamp second element will always be an edge tests. -->

        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details edge edge_visible" onclick="toggle_visibility('meshery-nginx-sm');">
            <td style="background-color: #56B257; color: white;">2022-08-05 20:35:41 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-nginx">meshery-nginx-sm</a></td>
            
              <td><a href="https://github.com/meshery/meshery-nginx/releases">edge</a></td>
            
            
              <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            
            <td style="white-space: nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/nginx.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/nginx">nginx</a></td>
            <td>v1.5.0</td>
          </tr>
          <tr id="meshery-nginx-sm" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.22.2</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/nginx-mesh-api</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/nginx-mesh-metrics</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-nginx-sm-past-results">To see past results click here </a>
            </td>
          </tr>

        <!-- if the latest test is stable as we require edge test to show too and since sorted through timestamp second element will always be an edge tests. -->

        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details edge edge_visible" onclick="toggle_visibility('meshery-osm');">
            <td style="background-color: #B32700; color: white;">2022-08-05 19:44:05 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-OSM">meshery-osm</a></td>
            
              <td><a href="https://github.com/meshery/meshery-OSM/releases">edge</a></td>
            
            
              <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            
            <td style="white-space: nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/osm.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/OSM">OSM</a></td>
            <td>v1.2.0</td>
          </tr>
          <tr id="meshery-osm" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.20.11</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/osm-bootstrap</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/osm-controller</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/osm-injector</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-osm-past-results">To see past results click here </a>
            </td>
          </tr>

        <!-- if the latest test is stable as we require edge test to show too and since sorted through timestamp second element will always be an edge tests. -->

        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details edge edge_visible" onclick="toggle_visibility('meshery-traefik-mesh');">
            <td style="background-color: #B32700; color: white;">2022-08-19 11:19:36 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-traefik-mesh">meshery-traefik-mesh</a></td>
            
              <td><a href="https://github.com/meshery/meshery-traefik-mesh/releases">edge</a></td>
            
            
              <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6fd">v0.6.0-rc.6fd</a></td>
            
            <td style="white-space: nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/traefik-mesh.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/traefik-mesh">traefik-mesh</a></td>
            <td></td>
          </tr>
          <tr id="meshery-traefik-mesh" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.21.5</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/traefik-mesh-controller</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/traefik-mesh-proxy</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/grafana-core</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/jaeger</td></tr>
              
                  <tr><td><img style="height: 24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/prometheus-core</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-traefik-mesh-past-results">To see past results click here </a>
            </td>
          </tr>

        <!-- if the latest test is stable as we require edge test to show too and since sorted through timestamp second element will always be an edge tests. -->

        
      
    

    <!-- display tests from the stable channel -->

    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details stable stable_visible" onclick="toggle_visibility('meshery-cilium-stable');">
            <td style="background-color: #B32700; color: white;">2022-05-10 12:32:04 UTC Tue</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-Cilium">meshery-cilium</a></td>
            <td><a href="https://github.com/meshery/meshery-Cilium/releases/tag/v0.5.9">v0.5.9</a></td>
            <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.5q">v0.6.0-rc.5q</a></td>
            <td style="white-space:nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/cilium.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/Cilium">Cilium</a></td>
            <td>v1.11.4</td>
          </tr>
          <tr id="meshery-cilium-stable" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.20.1</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>cilium</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>cilium-operator</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-cilium-past-results">To see past results click here </a>
            </td>
          </tr>
        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details stable stable_visible" onclick="toggle_visibility('meshery-istio-stable');">
            <td style="background-color: #56B257; color: white;">2022-08-05 18:08:25 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-istio">meshery-istio</a></td>
            <td><a href="https://github.com/meshery/meshery-istio/releases/tag/v0.5.41">v0.5.41</a></td>
            <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            <td style="white-space:nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/istio.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/istio">istio</a></td>
            <td>1.14.3</td>
          </tr>
          <tr id="meshery-istio-stable" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.22.2</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/istiod</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/istio-egressgateway</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/istio-ingressgateway</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/grafana-addon</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/prometheus-addon</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-istio-past-results">To see past results click here </a>
            </td>
          </tr>
        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details stable stable_visible" onclick="toggle_visibility('meshery-kuma-stable');">
            <td style="background-color: #56B257; color: white;">2022-08-05 19:49:13 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-Kuma">meshery-kuma</a></td>
            <td><a href="https://github.com/meshery/meshery-Kuma/releases/tag/v0.5.25">v0.5.25</a></td>
            <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            <td style="white-space:nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/kuma.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/Kuma">Kuma</a></td>
            <td>1.7.1</td>
          </tr>
          <tr id="meshery-kuma-stable" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.20.11</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/kuma-control-plane</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-kuma-past-results">To see past results click here </a>
            </td>
          </tr>
        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details stable stable_visible" onclick="toggle_visibility('meshery-linkerd-stable');">
            <td style="background-color: #56B257; color: white;">2022-08-05 19:55:20 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-Linkerd">meshery-linkerd</a></td>
            <td><a href="https://github.com/meshery/meshery-Linkerd/releases/tag/v0.5.34">v0.5.34</a></td>
            <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            <td style="white-space:nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/linkerd.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/Linkerd">Linkerd</a></td>
            <td>stable-2.11.4</td>
          </tr>
          <tr id="meshery-linkerd-stable" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.21.5</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/linkerd-destination</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/linkerd-identity</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/linkerd-proxy-injector</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-linkerd-past-results">To see past results click here </a>
            </td>
          </tr>
        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details stable stable_visible" onclick="toggle_visibility('meshery-nginx-sm-stable');">
            <td style="background-color: #56B257; color: white;">2022-08-05 20:34:32 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-nginx">meshery-nginx-sm</a></td>
            <td><a href="https://github.com/meshery/meshery-nginx/releases/tag/v0.5.5">v0.5.5</a></td>
            <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            <td style="white-space:nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/nginx.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/nginx">nginx</a></td>
            <td>v1.5.0</td>
          </tr>
          <tr id="meshery-nginx-sm-stable" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.22.2</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/nginx-mesh-api</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/nginx-mesh-metrics</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-nginx-sm-past-results">To see past results click here </a>
            </td>
          </tr>
        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details stable stable_visible" onclick="toggle_visibility('meshery-osm-stable');">
            <td style="background-color: #B32700; color: white;">2022-08-05 19:36:56 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-OSM">meshery-osm</a></td>
            <td><a href="https://github.com/meshery/meshery-OSM/releases/tag/v0.5.24">v0.5.24</a></td>
            <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            <td style="white-space:nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/osm.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/OSM">OSM</a></td>
            <td>v1.2.0</td>
          </tr>
          <tr id="meshery-osm-stable" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.22.2</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/osm-bootstrap</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/osm-controller</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/failing.svg" /></td><td>pod/osm-injector</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-osm-past-results">To see past results click here </a>
            </td>
          </tr>
        
      
    
      
      
        
          
          <tr style="visibility: hidden; display: none;" class="test-details stable stable_visible" onclick="toggle_visibility('meshery-traefik-mesh-stable');">
            <td style="background-color: #56B257; color: white;">2022-08-05 18:33:25 UTC Fri</td>
            <td style="white-space:nowrap;"><a href="https://github.com/meshery/meshery-traefik-mesh">meshery-traefik-mesh</a></td>
            <td><a href="https://github.com/meshery/meshery-traefik-mesh/releases/tag/v0.5.24">v0.5.24</a></td>
            <td><a href="https://github.com/meshery/meshery/releases/tag/v0.6.0-rc.6f">v0.6.0-rc.6f</a></td>
            <td style="white-space:nowrap;"><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/service-meshes/traefik-mesh.svg" />&nbsp;<a href="/v0.5/service-meshes/adapters/traefik-mesh">traefik-mesh</a></td>
            <td></td>
          </tr>
          <tr id="meshery-traefik-mesh-stable" style="visibility:hidden; display:none;">
            <td colspan="2" class="details">
              <i>Platform:</i>
              <li><img style="height: 1rem; vertical-align: text-bottom;" src="/v0.5/v0.5/assets/img/kubernetes-icon-color.svg" />  minikube  v1.20.11</li>
            </td>
            <td colspan="3" class="details">
              <i>Test results:</i>
              <table border="0">
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/traefik-mesh-controller</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/traefik-mesh-proxy</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/grafana-core</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/jaeger</td></tr>
              
                  <tr><td><img style="height:24px; width: 24px" src="/v0.5/assets/img/passing.svg" /></td><td>pod/prometheus-core</td></tr>
              
              </table>
            </td>
            <td>
              <a href="/v0.5/v0.5/project/compatibility-matrix/meshery-traefik-mesh-past-results">To see past results click here </a>
            </td>
          </tr>
        
      
    

</table>

	
              
              <br/>


           </div>
          </main>
        </div>
      </div>
      <footer class="footer bg-dark py-3 row d-print-none">
  <div class="container-fluid mx-sm-5">
    <div class="row">
<!-- meshery-custom-begin"
      <div class="col-6 col-sm-4 text-xs-center order-sm-2">

<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="Twitter" data-original-title="Twitter">
    <a class="text-white" target="_blank" href="https://twitter.com/layer5">
      <i class="fab fa-twitter"></i>
    </a>
  </li>
</ul>
</div>
<div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="GitHub" data-original-title="GitHub">
    <a class="text-white" target="_blank" href="https://github.com/meshery/meshery">
      <i class="fab fa-github"></i>
    </a>
  </li>
</ul>
meshery-custom-end -->

<div class="col-12 col-sm-4 text-center py-2 order-sm-2">
  <div class="text-white">&copy; 2022 The Meshery Authors</div>
  

  <!-- meshery-custom-begin -->

  <p class="mt-2">

  <div class="footer-icons-list">
    <div class="footer-icons">
      <a class="social__link social__link--forum" href="https://discuss.layer5.io" target="_blank" rel="noreferrer">
        <img height="30px" src="" alt="forum">
        <span class="footer-icons-text">Layer5 discussion forum</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--mail" href="mailto:community@layer5.io" target="_blank" rel="noreferrer">
        <img height="30px" width="30px" src="" alt="mail">
        <span class="footer-icons-text">Get connected with the Layer5 community</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--slack" href="http://slack.layer5.io/" target="_blank" rel="noreferrer">
        <img class="slack" height="30px" width="30px" src="" alt="slack">
        <span class="footer-icons-text">Join the Layer5 Slack</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link--calendar" href="https://bit.ly/2SbrRhe">
        <svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 18 18" xmlns:v="https://vecta.io/nano"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/><g stroke-linecap="undefined" stroke-linejoin="undefined"><path d="M-3.468 8.168h-.033m25.313-4.242l-.063-.254M7.858 4.814v9.387"/><path d="M1.833 9.507h12.051"/></g></svg>
        <span class="footer-icons-text">Subscribe to the community calender</span>
      </a>
  </div>

   <div class="footer-icons">
      <a class="social__link social__link--twitter" href="https://twitter.com/layer5" target="_blank" rel="noreferrer">
        <img class="twitter" height="30px" width="30px" src="" alt="twitter">
        <span class="footer-icons-text">Follow Layer5 on Twitter</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://github.com/layer5io" target="_blank" rel="noreferrer">
        <img height="30px" width="30px" class="github" src="" alt="github">
        <span class="footer-icons-text">Contribute to Layer5 projects</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--linkedin" href="https://www.linkedin.com/company/layer5" target="_blank" rel="noreferrer">
        <img class="linkedin" height="30px" width="30px" src="" alt="linkedin">
        <span class="footer-icons-text">Connect to Layer5 on Linkedin</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--youtube" href="https://www.youtube.com/Layer5io?sub_confirmation=1" target="_blank" rel="noreferrer">
        <img class="youtube" height="30px" width="30px" src="" alt="youtube">
        <span class="footer-icons-text">Watch community meeting recordings</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--docker" href="https://hub.docker.com/u/layer5/" target="_blank" rel="noreferrer">
        <img class="docker" height="30px" width="30px" src="" alt="docker">
        <span class="footer-icons-text">Access Docker images for Layer5 projects</span>
      </a>
    </div>
  </div>
    </p>
  <!-- meshery-custom-end -->
      </div>
    </div>
  </div>
</footer>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>

<script type="text/javascript" src="/v0.5/assets/js/lightbox.js"></script>
<link rel="stylesheet" href="/v0.5/assets/css/lightbox.css">

    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="/v0.5/assets/js/main.js"></script>

    <script async src='https://www.google-analytics.com/analytics.js'></script>
<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
	window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
	ga('create', 'UA-00000000-0', 'auto');
	ga('send', 'pageview');
}
</script>

  </body>
</html>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

<script>
$(document).ready(function() {

    var toc = $('#TOC');

    // Select each header
    sections = $('.td-content h1');
        $.each(sections, function(idx, v) {
            section = $(v);
            var div_id = $(section).attr('id');
            if(!section.hasClass('noTOC')){
               var div_text = section.text().split('¶')[0];
              var parent = $("#" + div_id)
              var content = '<li id="link_' + div_id + '" class="md-nav__item"><a class="md-nav__link" href="#' + div_id + '" title="' + div_text +'">' + div_text +'</a></li>';
              $(toc).append(content);
            }

            // Add section code to subnavigation
            var children = $('<nav class="md-nav"><ul class="md-nav__list"></nav></ul>')
            var contenders = $("#" + div_id).nextUntil("h1");
            $.each(contenders, function(idx, contender){
               if( !$(contender).hasClass("noTOC") && ($(contender).is('h2') || $(contender).is('h3')) ) {
                   var contender_id = $(contender).attr('id');
                   var contender_text = $(contender).text().split('¶')[0];
                   var content = '<li class="md-nav__item"><a class="md-nav__link" href="#' + contender_id + '" title="' + contender_text +'">' + contender_text +'</a></li>';
                   children.append(content);
                }
             })
             $("#link_" + div_id).append(children);
        });
        //added 'selected' tag to the first element of toc
        $('.md-nav__link').first().addClass('selected');

        $(window).scroll(function(e){
          // Detect how far are we from the top of the page
          let windowTop = $(this).scrollTop();
          // Loop through every navigation menu item
          $('.md-nav__link').each(function (event) {       
              if (windowTop >= $($(this).attr('href')).offset().top - 100) {
              // Remove 'selected' from previously highlighted menu items
              $('.selected').removeClass('selected');
              // Highlight the current menu item by adding 'selected' class
              $(this).addClass('selected');
          }
          if($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
            $('.selected').removeClass('selected');
              $(this).addClass('selected');
   }
        });
      })
    });
</script>